<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4"
      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  <title>后台管理系统模板</title>
  <link rel="icon" href="favicon.ico" type="image/ico">
  <meta name="keywords" content="模板">
  <meta name="description" content="后台管理系统的HTML模板。">
  <meta name="author" content="SoulCoder">
  <div th:include="~{views/common/include :: cssStyle }"></div>
</head>

<style>
body{
    background-color: #fff;
}
.error-page {
    height: 100%;
    position: fixed;
    width: 100%;
}
.error-body {
    padding-top: 5%;
}
.error-body h1 {
    font-size: 210px;
    font-weight: 700;
    text-shadow: 4px 4px 0 #f5f6fa, 6px 6px 0 #33cabb;
    line-height: 210px;
    color: #33cabb;
}
.error-body h4 {
    margin: 30px 0px;
}
</style>
</head>

<div class="coder-layout-web">
  <div class="coder-layout-container">
    <!--左侧导航-->
    <div th:include="~{views/common/include :: #asideStyle }"></div>
    <!--End 左侧导航-->
    <!--头部信息-->
    <div th:include="~{views/common/include :: #headerStyle }"></div>
    <!--End 头部信息-->
    <!--页面主要内容-->
    <main class="coder-layout-content">
      <section class="error-page">
        <div class="error-box">
          <div class="error-body text-center">
            <h1>403</h1>
            <h4>很抱歉，你没有权限查看该页面。</h4>
          </div>
        </div>
      </section>

    </main>
    <!--End 页面主要内容-->
  </div>
</div>

<div th:include="~{views/common/include :: #jsStyle}"></div>
<script type="text/javascript"  th:src="@{/static/js/jquery.serialize-object.min.js}"></script>

</body>
</html>